<!--
  Generated template for the PromptlyBuyPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<!-- <ion-header>

 <div class="headler"></div>

</ion-header> -->


<ion-content padding style="width: 100%;margin-top:6rem;background:#fff;">
  <button ion-button icon-only (click)="dismiss()" style="position: fixed;top: 11px;
    left: 12px;
    width: 30px;
    height: 30px;
    border-radius: 45px;
    opacity: 0.2;">
        <ion-icon name="arrow-back"  color="#ffffff" style=" font-size: 26px;" ></ion-icon>
      </button>
  <div class="showPic">
    <div class="stylePic">
      <img src="{{picrooturl}}{{service_pic}}" alt="">
    </div>
    <ion-item style="padding:0;">
      <p style="color:red; font-size: 1.8rem; margin: 0 auto;text-align: center;">￥{{countService_price}} <span class="textMarketPrice" style="text-decoration:line-through;">价格: ￥{{market_price}}</span></p>
    </ion-item>
  </div>
  <div class="nailDetail">
    <ion-item style="padding:0;position:relative">
      <div style="margin-left:16px;">
        产品名称
      </div>
      <div class="nailName"> {{nail_name}}</div>
    </ion-item>
    <ion-item style="padding:0;position:relative">
      <div style="margin-left:16px;">
        购买数量
      </div>
      <div class="operate clearfix">
        <div class="reduce" (click)="reduceNum()">
          -
        </div>
        <div class="count">
          {{num}}
        </div>
        <div class="plus" (click)="plusNum()">
          +
        </div> 
      </div>
    </ion-item>
    <!-- <ion-item style="padding:0;position:relative">
      <div style="margin-left:16px;">
        服务方式
      </div>
      <button class="toHome" (click)="isToHome()" style='display:none;' [ngClass]="{'getServer':toHome}"> 上门</button>
      <button class="toShop" (click)="isToShop()" [ngClass]="{'getServer':toShop}"> 到店</button>
    </ion-item> -->
    <div class="confirm" (click)="toOrderPage()">
      确&nbsp;&nbsp;认
    </div>
  </div>

</ion-content>